<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="/favicon.ico" >
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <!--[if lt IE 9]>
    {js href='/static/admin/lib/html5shiv.js,/static/admin/lib/respond.min.js'}
    <![endif]-->
    {css href='/static/admin/static/h-ui/css/H-ui.min.css,/static/admin/static/h-ui.admin/css/H-ui.admin.css,/static/admin/lib/Hui-iconfont/1.0.8/iconfont.css,/static/admin/static/h-ui.admin/css/style.css'}
    <link rel="stylesheet" href="/static/admin/static/h-ui.admin/skin/{$userInfo.skin|default='default'}/skin.css" id="skin">
    <!--[if IE 6]>
    {js href='/static/admin/lib/DD_belatedPNG_0.0.8a-min.js'}
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>{$title??'MYADMIN'}</title>
</head>
<body>
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container-fluid cl"> <a class="logo navbar-logo f-l mr-10 hidden-xs" href="/admin">MyAdmin</a> <a class="logo navbar-logo-m f-l mr-10 visible-xs" href="/admin">MyAdmin</a>
            <span class="logo navbar-slogan f-l mr-10 hidden-xs">v1.0</span>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
            <!--<nav class="nav navbar-nav">-->
                <!--<ul class="cl">-->
                    <!--<li class="dropDown dropDown_hover"><a href="javascript:;" class="dropDown_A"><i class="Hui-iconfont">&#xe600;</i> 新增 <i class="Hui-iconfont">&#xe6d5;</i></a>-->
                        <!--<ul class="dropDown-menu menu radius box-shadow">-->
                            <!--<li><a href="javascript:;" onclick="article_add('添加资讯','article-add.html')"><i class="Hui-iconfont">&#xe616;</i> 资讯</a></li>-->
                            <!--<li><a href="javascript:;" onclick="picture_add('添加资讯','picture-add.html')"><i class="Hui-iconfont">&#xe613;</i> 图片</a></li>-->
                            <!--<li><a href="javascript:;" onclick="product_add('添加资讯','product-add.html')"><i class="Hui-iconfont">&#xe620;</i> 产品</a></li>-->
                            <!--<li><a href="javascript:;" onclick="member_add('添加用户','member-add.html','','510')"><i class="Hui-iconfont">&#xe60d;</i> 用户</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</nav>-->
            <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
                <ul class="cl">
                    <li>{$typeName}</li>
                    <li class="dropDown dropDown_hover">
                        <a href="#" class="dropDown_A"> {$userInfo.username} <i class="Hui-iconfont">&#xe6d5;</i></a>
                        <ul class="dropDown-menu menu radius box-shadow">
                            <li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>
                            <li><a href="admin/login?type=switch">切换账户</a></li>
                            <li><a href="#" onclick="logout()">退出</a></li>
                        </ul>
                    </li>
                    <li id="Hui-msg"> <a href="/admin/customer/message" data-href="/admin/customer/message" data-title="用户消息" title="消息"><span class="badge badge-danger">1</span><i class="Hui-iconfont" style="font-size:18px">&#xe68a;</i></a> </li>
                    <li id="Hui-skin" class="dropDown right dropDown_hover"> <a href="javascript:;" class="dropDown_A" title="换肤"><i class="Hui-iconfont" style="font-size:18px">&#xe62a;</i></a>
                        <ul class="dropDown-menu menu radius box-shadow skin">
                            {volist name="skin" id="_skin"}
                                <li><a href="javascript:;" data-val="{$_skin.value}" title="{$_skin.name}">{$_skin.name}</a></li>
                            {/volist}
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>
<aside class="Hui-aside">
    <div class="menu_dropdown bk_2">
        <dl id="menu-desktop">
            <dt><i class="Hui-iconfont">&#xe616;</i> <a data-href="/admin/welcome" data-title="我的桌面" href="javascript:void(0)">我的桌面</a></dt>
        </dl>
        {foreach $menu as $key => $_menu}
            <dl id="menu-{$key}">
                {if $_menu->level == 1}
                    <dt><i class="Hui-iconfont">{$_menu->icon|raw|default="&#xe616;"}</i> <a data-href="{$_menu->path}" data-title="{$_menu->name}" href="javascript:void(0)">{$_menu->name}</a></dt>
                {else/}
                    <dt><i class="Hui-iconfont">{$_menu->icon|raw|default="&#xe616;"}</i> {$_menu->name}<i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
                    <dd>
                        <ul>
                            {if $userInfo['type'] == 1}
                                {volist name="$_menu->permissionCategory()->where($prefix.'permission_category.status',1)->select()" id="category"}
                                    <li><a data-href="{$category->url}" data-title="{$category->name}" href="javascript:void(0)">{$category->name}</a></li>
                                {/volist}
                            {else/}
                            {volist name="$_menu->permissionCategory()->where($prefix.'permission_category.id','IN', $inCategory)->where($prefix.'permission_category.status',1)->select()" id="category"}
                                    <li><a data-href="{$category->url}" data-title="{$category->name}" href="javascript:void(0)">{$category->name}</a></li>
                                {/volist}
                            {/if}
                        </ul>
                    </dd>
                {/if}
            </dl>
        {/foreach}
    </div>
</aside>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>
<section class="Hui-article-box">
    <div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
        <div class="Hui-tabNav-wp">
            <ul id="min_title_list" class="acrossTab cl">
                <li class="active">
                    <span title="我的桌面" data-href="/admin/welcome">我的桌面</span>
                    <em></em></li>
            </ul>
        </div>
        <div class="Hui-tabNav-more btn-group"><a id="js-tabNav-prev" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d4;</i></a><a id="js-tabNav-next" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a></div>
    </div>
    <div id="iframe_box" class="Hui-article">
        <div class="show_iframe">
            <div style="display:none" class="loading"></div>
            <iframe scrolling="yes" frameborder="0" src="" id="admin"></iframe>
        </div>
    </div>
</section>

<div class="contextMenu" id="Huiadminmenu">
    <ul>
        <li id="closethis">关闭当前 </li>
        <li id="closeall">关闭全部 </li>
    </ul>
</div>
{js href="/static/admin/lib/jquery/1.9.1/jquery.min.js,/static/admin/lib/layer/2.4/layer.js,/static/admin/static/h-ui/js/H-ui.min.js,/static/admin/static/h-ui.admin/js/H-ui.admin.js"}
<!--请在下方写此页面业务相关的脚本-->
{js href="/static/admin/lib/jquery.contextmenu/jquery.contextmenu.r2.js,/static/admin/lib/jquery.cookie/1.4.1/jquery.cookie.js,/static/admin/static/gloab.js"}
<script type="text/javascript">
    $(function(){
        let iframe_src = $.cookie('iframe-src');
        if ( iframe_src && $(window).width()<768 ) {
            $('iframe').attr('src', iframe_src);
        } else {
            $('iframe').attr('src', '/admin/welcome');
        }
        $("#min_title_list li").contextMenu('Huiadminmenu', {
            bindings: {
                'closethis': function(t) {
                    if(t.find("i")){
                        t.find("i").trigger("click");
                    }
                },
                'closeall': function(t) {
                    alert('Trigger was '+t.id+'\nAction was Email');
                },
            }
        });
        $('.menu_dropdown a').click(function(){
            let that = $(this);
            let path = that.attr('data-href');
            $.cookie('iframe-src', path, { path: '/' });
        });
        $('#Hui-skin .dropDown-menu a').click(function(){
            let that = $(this);
            let skin = that.attr('data-val');
            $.ajax({
                type: 'GET',
                url: '/admin/admin/admin/skin/'+skin,
                dataType: 'json',
                error:function(XmlHttpRequest, textStatus, errorThrown){
                    let errstr = XmlHttpRequest.responseText;
                    if ( errstr ) {
                        layer.msg($.parseJSON(errstr).message,{icon:5,time:1000});
                    } else {
                        layer.msg('服务错误!换肤存储失败',{icon:5,time:1000});
                    }
                }
            });
        })
    });
    /*个人信息*/
    function myselfinfo(){
        let html = '';
        html = `<div class="pd-20">
                  <table class="table">
                    <tbody>
                      <tr>
                        <th class="text-r" width="80">用户名：</th>
                        <td>{$userInfo.username}</td>
                      </tr>
                      <tr>
                        <th class="text-r">手机号码：</th>
                        <td>{$userInfo.mobile}</td>
                      </tr>
                      <tr>
                        <th class="text-r">管理员类型：</th>
                        <td>{$typeName}</td>
                      </tr>
                      <tr>
                        <th class="text-r">注册时间：</th>
                        <td>{$userInfo.create_at}</td>
                      </tr>
                    </tbody>
                  </table>
                </div>`;
        layer.open({
            type: 1,
            area: ['300px','200px'],
            fix: false, //不固定
            maxmin: true,
            shade:0.4,
            title: '查看信息',
            content: html
        });
    }

    /*资讯-添加*/
    // function article_add(title,url){
    //     var index = layer.open({
    //         type: 2,
    //         title: title,
    //         content: url
    //     });
    //     layer.full(index);
    // }
    /*图片-添加*/
    // function picture_add(title,url){
    //     var index = layer.open({
    //         type: 2,
    //         title: title,
    //         content: url
    //     });
    //     layer.full(index);
    // }
    /*产品-添加*/
    // function product_add(title,url){
    //     var index = layer.open({
    //         type: 2,
    //         title: title,
    //         content: url
    //     });
    //     layer.full(index);
    // }
    /*用户-添加*/
    // function member_add(title,url,w,h){
    //     layer_show(title,url,w,h);
    // }

    /*退出*/
    function logout(){
        layer.confirm('确认要退出吗？',function(index){
            $.ajax({
                type: 'GET',
                url: '/admin/login/logout',
                dataType: 'json',
                success: function(data){
                    layer.msg('正在退出!',{icon:1,time:1000});
                    setTimeout(function(){
                        window.location.href = '/admin/login'
                    }, 1000)
                },
                error:function(XmlHttpRequest, textStatus, errorThrown){
                    let errstr = XmlHttpRequest.responseText;
                    if ( errstr ) {
                        layer.msg($.parseJSON(errstr).message,{icon:5,time:1000});
                    } else {
                        layer.msg('服务错误!',{icon:5,time:1000});
                    }
                }
            });
        });
    }
</script>

</body>
</html>